<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8">
        <meta name = "viewport" content = "initial-scale=1, maximum-scale=1,mininum-scale=1, user-scalable=no, width=device-width">
        <meta http-equiv = "pragma" content = "no-cache">
        <meta http-equiv = "Cache-Control" content = "no-cache,must-revalidate">
        <meta http-equiv = "expires" content = "Wed,26 Feb 1997 08:21:57 GMT">
        <title>逛拍在手，逛街不愁</title>
        <link type = "text/css" rel = "stylesheet" href = "../css/base.css">
        <link type = "text/css" rel = "stylesheet" href = "../css/common.css">
        <link type = "text/css" rel = "stylesheet" href = "../css/index.css">
    </head>
    <body>
        <div class = "main-page">
            <section class = "entrances">
                <a href = "publicPhotos.html" class = "publicPhotos">
                    <img src = "../images/headers.png" alt = ""/>
                </a>
                <a href = "takePhotos.html" class = "takePhotos">
                    <img src = "../images/camera.png" alt = ""/>
                </a>
                <a href = "privatePhotos.html" class = "privatePhotos">
                    <img src = "../images/header.png" alt = ""/>
                </a>
                <a href = "privatePhotos.html" class = "taoDiscount">
                    <img src = "../images/hui.png" alt = ""/>
                </a>
            </section>
        </div>
        <script>
            var entrances = document.querySelectorAll(".entrances a");
            for (var i = 0 ; i < entrances.length ; i++) {
                entrances[i].style.lineHeight = entrances[i].style.height = document.defaultView.getComputedStyle(entrances[i] , null).width;
            }
            document.write('<script src = "../lib/common.js?t=' + new Date().getTime() + '"><\/script>');
            document.write('<script src = "../js/index.js?t=' + new Date().getTime() + '"><\/script>');
        </script>
    </body>
</html>